<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>游侠客旅行-好玩的主题旅游平台</title>
  <!-- 库文件 -->
  <link rel="stylesheet" href="swiper/swiper-bundle.css">
  <script src="./js/jquery-3.6.0.js"></script>
  <!-- 自己设置外部文件 -->
  <link rel="stylesheet" href="css/yeTouStyle.css">
  <link rel="stylesheet" href="css/aside.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/yeWeiStyle.css">
</head>
<body>
  <!-- yeTou:网页的页首部分，在多个网页中存在 -->
  <header class="yeTou">
    <nav class="headTop">
      <div class="container">
        <ul class="left">
          <li><a href="">登陆</a></li>
          <li><a href="">注册</a></li>
          <li><a href="" class="gift"></a></li>
        </ul>
        <ul class="right">
          <li><a href="">我的订单</a></li>
          <li><a href="">帮助中心</a></li>
          <li class="self">
            <a href="" class="oneself">我的游侠客</a>
            <ul class="selfList">
              <li><a href="">我的游侠客</a></li>
              <li><a href="">订单中心</a></li>
              <li><a href="">我的社区</a></li>
              <li><a href="">我的等级</a></li>
              <li><a href="">账户管理</a></li>
            </ul>
          </li>
          <li>
            <a href="" class="phone">
              手机APP
              <br>
              <div class="box">
                <div class="angle"></div>
                <img src="./images/public/phone_code.png" alt="">
              </div>
            </a>
          </li>
          <li>
            <a href="" class="socity">
              社群
              <div class="box">
                <div class="pho"></div>
                游侠社群<br>
                旅行爱好者的聚集地<br>
                扫码即刻加入
              </div>
            </a>
          </li>
          <li>
            <a href="" class="applets">
              <div></div>
            </a>
          </li>
          <li><a href="" class="xinlang"></a></li>
          <li>
            <a href="" class="weixin">
              <div class="box">
                <div class="angle"></div>
                <img src="./images/public/weixin_code.png" alt="">
              </div>
            </a>
          </li>
        </ul>
      </div>
    </nav>
    <section class="container sousuo">
      <a href="" class="left"></a>
      <div class="right">
        <div class="checkCity">
          <div class="city">杭州站</div>
          <ul class="otherCity"></ul>
        </div>
        <div class="box">
            <div class="type">
              <div>综合</div>
              <ul class="otherType"></ul>
            </div>
            <input type="text" class="txt">
            <input type="button" value="搜索" class="Sbtn">
        </div>
        <div class="infor">
          <p class="times">服务热线 9:00~21:00</p>
          <p class="pho">400 670 6300</p>
        </div>
      </div>
    </section>
    <footer class="container navList">
      <ul></ul>
    </footer>
  </header>
  <!-- 侧边栏 -->
  <aside>
    <div class="otherInfor">
      <div class="top">
        <a href="" class="order"></a>
        <a href="" class="contact"><div></div>联系客户</a>
        <a href="" class="photography"><div></div>摄影大赛</a>
        <a href="" class="youji"><div>发表游记</div></a>
        <a href="" class="zhaopian"><div>图片上传</div></a>
        <a href="" class="xiaoxi"><div>我的消息</div></a>
        <a href="" class="code"><div></div></a>
      </div>
      <div class="bottom">
        <a href="" class="yijian"><div>意见反馈</div></a>
        <a href="" class="app">APP<div></div></a>
        <a class="back"><div>返回顶部</div></a>
      </div>
    </div>
  </aside>
  <!-- 导航轮播图 -->
  <section class="banner">
    <div class="headshow">
      <!-- Swiper -->
      <div class="swiper-container">
        <div class="swiper-wrapper"></div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
  </section>
  <!-- 旅游攻略 -->
  <section class="strategy">
   <div class="container">
    <div class="message">
      <div class="messageApply">报名动态</div>
      <div class="infor">
        <!-- 公告轮播图 -->
        <div class="swiper-container">
          <div class="swiper-wrapper">
          </div>
        </div>
      </div>
    </div>
    <div class="left">
      <h1>游侠客攻略</h1>
      <!-- 攻略轮播图 -->
      <div class="strategyLunbo">
        <div class="swiper-container">
          <div class="swiper-wrapper"></div>
          <!-- Add Pagination -->
          <div class="swiper-pagination"></div>
          <!-- Add Arrows -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
      </div>
    </div>
    <div class="right">
      <div class="box">
        <h1>游侠风采</h1>
        <div class="type"></div>
      </div>
      <div class="pho">
      </div>
    </div>
   </div>
  </section>
  <section class="specialLine">
    <div class="container">
      <div class="box">
        <div class="navList">
          <div class="hov">国内热门</div>
          <div>特惠路线</div>
          <div>新品推荐</div>
          <div>出境热门</div>
          <div>亲子长线</div>
          <div>大型活动</div>
        </div>
        <a href="" class="more">换一换</a>
      </div>
      <div class="tuijian"></div>
    </div>
  </section>
  <!-- 周边短途游 -->
  <section class="zhoubian">
    <div class="container">
      <div class="left">
        <h1>周边短途游</h1>
        <div class="sort">
          <div class="box">
            <div class="title">热门目的地</div>
            <ul class="destination"></ul>
          </div>
          <div class="box">
            <div class="title">热门主题</div>
            <ul class="theme"></ul>
          </div>
          <div class="box">
            <div class="title">游玩天数</div>
            <ul class="day"></ul>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="nav">
          <div class="city">
            <div class="chongqing">重庆</div>
            <div>北京</div>
            <div>上海</div>
          </div>
          <a href="" class="more">更多></a>
        </div>
        <div class="contentCity">
          <div class="top">
            <div class="haslunbo">
              <div class="lunbo">
                <div class="swiper-container">
                  <div class="swiper-wrapper"></div>
                  <!-- Add Pagination -->
                  <div class="swiper-pagination"></div>
                  <!-- Add Arrows -->
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
              <div class="lunboLeft">
                <div class = "box1top">
                  <div class="longplace">
                    <a href="" class="line">
                      <div class="infor">
                        <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                        <div class="money"><span>￥</span>9<span>元起</span></div>
                        <div class="number">21人已报名</div>
                      </div>
                    </a>
                    <div class="whereAndDay">
                      <div class="labelCity">重庆</div>
                      <div class="labelDay">1天</div>
                    </div>
                  </div>
                  <div class="shortplace">
                    <a href="" class="line">
                      <div class="infor">
                        <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                        <div class="money"><span>￥</span>52<span>元起</span></div>
                        <div class="number">41人已报名</div>
                      </div>
                    </a>
                    <div class="whereAndDay">
                      <div class="labelCity">重庆</div>
                      <div class="labelDay">1天</div>
                    </div>
                  </div>
                </div>
                <div class="box2bottom">
                  <a href="" class="path1">
                    <div class="whereAndDay">
                      <div class="labelCity">重庆</div>
                      <div class="labelDay">1天</div>
                    </div>
                    <div class="phoimg"></div>
                    <div class="txt">
                      <div class="infor">
                        <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                        <div class="money"><span>￥</span>909<span>元起</span></div>
                        <div class="number">96人已报名</div>
                      </div>
                    </div>
                  </a>
                  <a href="" class="path2">
                    <div class="whereAndDay">
                      <div class="labelCity">重庆</div>
                      <div class="labelDay">1天</div>
                    </div>
                    <div class="phoimg"></div>
                    <div class="txt">
                      <div class="infor">
                        <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                        <div class="money"><span>￥</span>998<span>元起</span></div>
                        <div class="number">101人已报名</div>
                      </div>
                    </div>
                  </a>
                  <a href="" class="path3">
                    <div class="whereAndDay">
                      <div class="labelCity">重庆</div>
                      <div class="labelDay">1天</div>
                    </div>
                    <div class="phoimg"></div>
                    <div class="txt">
                      <div class="infor">
                        <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                        <div class="money"><span>￥</span>889<span>元起</span></div>
                        <div class="number">21人已报名</div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="bottom">
            <div class="cityActive">
              <div class="CAnav">
                <div class="title">同城活动</div>
                <a href="" class="moreAll">更多></a>
              </div>
              <div class="CAcontent">
                <div class="CACpath1">
                  <div class="whereAndDay">
                    <div class="labelCity">重庆</div>
                    <div class="labelDay">1天</div>
                  </div>
                  <div class="phoimg"></div>
                  <a href="" class="line">
                    <div class="infor">
                      <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                      <div class="money"><span>￥</span>159<span>元起</span></div>
                      <div class="number">81人已报名</div>
                    </div>
                  </a>
                </div>
                <div class="CACpath2">
                  <div class="whereAndDay">
                    <div class="labelCity">重庆</div>
                    <div class="labelDay">1天</div>
                  </div>
                  <div class="phoimg"></div>
                  <a href="" class="line">
                    <div class="infor">
                      <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                      <div class="money"><span>￥</span>120<span>元起</span></div>
                      <div class="number">15人已报名</div>
                    </div>
                  </a>
                </div>
              </div>
            </div>
            <div class="localHappy">
              <div class="CAnav">
                <div class="title">当地玩乐</div>
                <a href="" class="moreAll">更多></a>
              </div>
              <div class="CAcontent">
                <div class="CACpath1">
                  <div class="whereAndDay">
                    <div class="labelCity">重庆</div>
                    <div class="labelDay">1天</div>
                  </div>
                  <div class="phoimg"></div>
                  <a href="" class="line">
                    <div class="infor">
                      <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                      <div class="money"><span>￥</span>1159<span>元起</span></div>
                      <div class="number">816人已报名</div>
                    </div>
                  </a>
                </div>
                <div class="CACpath2">
                  <div class="whereAndDay">
                    <div class="labelCity">重庆</div>
                    <div class="labelDay">1天</div>
                  </div>
                  <div class="phoimg"></div>
                  <a href="" class="line">
                    <div class="infor">
                      <div class="introduce">[下班去哪儿•心动的饭局]每周五晚，约一群心动的人，嗨一场心动的游戏，赴一场心动的局，深夜食堂，美食与爱不可辜负！（城市特别活动，限额12人报名）</div>
                      <div class="money"><span>￥</span>1159<span>元起</span></div>
                      <div class="number">158人已报名</div>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="log1"></div>
    </div>
  </section>
  <section class="hrlineLogoOne">
    <div class="container">
    </div>
  </section>
  <!-- 游记活动 -->
  <section class="travelActive">
    <div class="container">
      <div class="TAtop">
        <h1 class="TAtitle">游记活动</h1>
        <div class="TAtype">
         <ul class="TAcity"></ul>
         <a href="" class="TAmore">更多></a>
        </div>
      </div>
      <div class="TAcontent">       
        <a href="" class="TAcontentEnd">
          <div>发表游记</div>
        </a>
      </div>
    </div>
  </section>
  <footer class="yeWei">
    <div class="container">
      <div class="one">
        <ul></ul>
        <br>
        <div class="zhengjian">
          <div><a href="">浙ICP备20007990号</a> | 浙公网安备 33010602002105号 |</div>
          <div><a href="">营业执照</a> | 杭州游侠客网络科技有限公司 |</div>
          <div><a href="">旅游度假资质</a></div>
        </div>
        <div class="information">
          © 2021 youxiake.com 版权所有法律顾问：北京中伦文德（杭州）律师事务所 傅林放 投诉及紧急事件联系电话：400-670-6300转5
          <br>
          旅游预订电话(免长途费)：400-670-6300，公司总部地址：浙江省杭州市西湖区教工路198号浙商大创业园D幢3楼，投诉建议邮箱：jianyi@youxiake.com
        </div>
      </div>
      <div class="two">
        <div>
          <span>友情链接：</span>
          <ul class="friendshipLink"></ul>
        </div><br>
        <ul class="FTimg">
        </ul>
      </div>
    </div>
  </footer>
  <!--库文件-->
  <script src="swiper/swiper-bundle.js"></script>

  <!--自己的script文件-->
  <script src="./js/yeTou.js"></script>
  <script src="./js/aside.js"></script>
  <script src="./js/index.js"></script>
  <script src="./js/yeWei.js"></script>
  
</body>
</html>


















